<template>
	<view class="cu-list menu sm-border card-menu" style="z-index: 5; margin-top: 20rpx;" @click="public_history">
		<!-- 图标 + 标题、arrow 带箭头 -->
		<view class="cu-item arrow">
			<view class="content">
				<text class="cuIcon-footprint text-grey"></text>
				<text class="text-grey">发布历史</text>
			</view>
		</view>
	</view>
	<view class="cu-list menu sm-border card-menu" style="z-index: 5;" @click="like">
		<!-- 图标 + 标题、arrow 带箭头 -->
		<view class="cu-item arrow">
			<view class="content">
				<text class="cuIcon-favorfill text-grey"></text>
				<text class="text-grey">我的收藏</text>
			</view>
		</view>
	</view>
	<view class="cu-list menu sm-border card-menu" style="z-index: 5;" @click="mymes">
		<!-- 图标 + 标题、arrow 带箭头 -->
		<view class="cu-item arrow">
			<view class="content">
				<text class="cuIcon-settingsfill text-grey"></text>
				<text class="text-grey" :mes='mes'>信息编辑</text>
			</view>
		</view>
	</view>
	<view class="cu-list menu sm-border card-menu" style="z-index: 5;" @click="match_history">
		<!-- 图标 + 标题、arrow 带箭头 -->
		<view class="cu-item arrow">
			<view class="content">
				<text class="cuIcon-link text-grey"></text>
				<text class="text-grey">匹配历史</text>
			</view>
		</view>
	</view>
	<view class="btn">
		<button class="cu-btn bg-red margin-tb-sm lg" @click="outlog">退出登录</button>
	</view>


</template>

<script>
import { logoff } from '@/store/api.js'
export default {
	props: ['mes'],
	methods: {
		outlog() {
			uni.showToast({
				title: '退出成功！',
				icon: 'success',
				duration: 2000
			})

			setTimeout(() => {
				logoff()
			}, 2500);
		},
		public_history() {
			uni.navigateTo({
				url: `/subpkg/public_history/public_history`
			})
		},
		like() {
			uni.navigateTo({
				url: `/subpkg/like/like`
			})
		},
		mymes() {
			uni.navigateTo({
				url: `/subpkg/mymes/mymes`
			})
		},
		match_history() {
			uni.navigateTo({
				url: `/subpkg/match_history/match_history`
			})
		}
	}
}
</script>

<style scoped>
.btn {
	width: 100%;
	text-align: center;
	margin-top: 40rpx;
}
</style>